<template name="skeleton">
  <view class="sk-container">
    <view class="bg-white bg-white data-v-096a2e30 data-v-096a2e30">
      <view class="data-v-096a2e30 data-v-096a2e30">
        <swiper autoplay="false" circular="true" class="data-v-096a2e30 data-v-096a2e30" current="0"
                style="width:100%;height:150px"></swiper>
        <view class="animals-box animals-box padding-xl padding-xl data-v-096a2e30 data-v-096a2e30">
          <view class="panel-title panel-title data-v-096a2e30 data-v-096a2e30">
            <view class="animals-avatar animals-avatar margin-right-lg margin-right-lg data-v-096a2e30 data-v-096a2e30">
              <image class="data-v-096a2e30 sk-image" mode="aspectFill"
                     style="width:100%;height:100%;border-radius:10px"></image>
            </view>
            <view class="animals-r animals-r text-xl text-xl padding-sm padding-sm data-v-096a2e30 data-v-096a2e30"
                  style="flex-grow:1">
              <text class="text-black data-v-096a2e30 sk-transparent sk-text-14-2857-474 sk-text"
                    style="font-weight:bold">海燕
              </text>
              <view
                  class="flex flex justify-start justify-start align-center align-center data-v-096a2e30 data-v-096a2e30">
                <text class="text-black data-v-096a2e30 sk-transparent sk-text-14-2857-474 sk-text"
                      style="font-weight:bold">海燕</text>
                <text class="text-lg data-v-096a2e30 sk-transparent sk-text-14-2857-94 sk-text">3.2</text>
              </view>
              <view class="data-v-096a2e30 data-v-096a2e30" style="align-self:flex-end">
                <view is="node-modules/@dcloudio/uni-ui/lib/uni-fav/uni-fav"
                      class="favBtn favBtn data-v-096a2e30 data-v-096a2e30">
                  <view class="uni-fav--circle fav--uni-fav--circle uni-fav fav--uni-fav"
                        style="background-color:#aaa;">
                    <view is="node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons"
                          class="uni-fav-star fav--uni-fav-star" style="color:#ffffff">
                      <text
                          class="uni-icons icons--uni-icons uniui-star-filled icons--uniui-star-filled sk-pseudo sk-pseudo-circle"
                          style="color:#ffffff;font-size:14px"></text>
                    </view>
                    <text class="uni-fav-text fav--uni-fav-text sk-transparent sk-text-26-0000-542 sk-text"
                          style="color: rgb(255, 255, 255); background-position-x: 50%;">收藏
                    </text>
                  </view>
                </view>
              </view>
            </view>
          </view>
          <view class="panel-main panel-main data-v-096a2e30 data-v-096a2e30">
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-096a2e30 data-v-096a2e30"
                  style="border-radius:10px 10px 0 0">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-1000 sk-text"
                        style="font-size:14px;color:#333">类别
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content" >
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-973 sk-text">
                      鱼类
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section"
                  class="data-v-096a2e30 data-v-096a2e30">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-859 sk-text"
                        style="font-size:14px;color:#333">保护级别
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content" >
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-73 sk-text">
                      普通
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section"
                  class="data-v-096a2e30 data-v-096a2e30">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:17px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-244 sk-text"
                        style="font-size:14px;color:#333">栖息地
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content">
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-29 sk-text">
                      nostrud ut e
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-096a2e30 data-v-096a2e30"
                  data-c-h="false">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-136 sk-text"
                        style="font-size:14px;color:#333">天敌
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content">
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-666 sk-text">
                      老虎
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-096a2e30 data-v-096a2e30"
                  data-c-h="false">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-922 sk-text"
                        style="font-size:14px;color:#333">繁殖
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content" >
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-993 sk-text">
                      胎生
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-096a2e30 data-v-096a2e30"
                  data-c-h="false">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-883 sk-text"
                        style="font-size:14px;color:#333">饮食
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
                <view class="uni-section-content section--uni-section-content">
                  <view class="data-v-096a2e30 data-v-096a2e30" style="display:flex;flex-wrap:wrap">
                    <text
                        class="text-gray margin-sm animals-text data-v-096a2e30 sk-transparent sk-text-16-6667-265 sk-text">
                      食草动物
                    </text>
                  </view>
                </view>
              </view>
            </view>
            <view is="node-modules/@dcloudio/uni-ui/lib/uni-section/uni-section" class="data-v-096a2e30 data-v-096a2e30"
                  data-c-h="false">
              <view class="uni-section section--uni-section">
                <view class="uni-section-header section--uni-section-header">
                  <view class="round bg-gradual-awGreen margin-right-sm data-v-096a2e30 sk-image"
                        style="width:4px;height:15px"></view>
                  <view class="uni-section-header__content section--uni-section-header__content">
                    <text
                        class="uni-section__content-title section--uni-section__content-title distraction section--distraction sk-transparent sk-text-14-2857-693 sk-text"
                        style="font-size:14px;color:#333">生活习性
                    </text>
                  </view>
                  <view class="uni-section-header__slot-right section--uni-section-header__slot-right"></view>
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import "styles/detail";
.sk-transparent {
  color: transparent !important;
}

.sk-text-14-2857-474 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 50.4000rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-94 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 44.8000rpx;
  position: relative !important;
}

.sk-text-26-0000-542 {
  background-image: linear-gradient(transparent 26.0000%, #EEEEEE 0%, #EEEEEE 74.0000%, transparent 0%) !important;
  background-size: 100% 50.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-1000 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-973 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-859 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-73 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-244 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-29 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-136 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-666 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-922 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-993 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-883 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-text-16-6667-265 {
  background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
  background-size: 100% 42.0000rpx;
  position: relative !important;
}

.sk-text-14-2857-693 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.2000rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-pseudo::before, .sk-pseudo::after {
  background: #EFEFEF !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}

.sk-pseudo-rect::before, .sk-pseudo-rect::after {
  border-radius: 0 !important;
}

.sk-pseudo-circle::before, .sk-pseudo-circle::after {
  border-radius: 50% !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
<script setup lang="ts">
</script>